import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { observer, inject } from '@tarojs/mobx'
import { AtIcon, AtInput } from 'taro-ui'
import './getCash.scss'


@inject('counterStore')
@observer
class GetCash extends Component {

    config = {
        navigationBarTitleText: '提现',
        navigationBarTextStyle: 'black',
        navigationBarBackgroundColor: '#fff',
    }
    constructor() {
        super(...arguments)
        this.state = {
            value: '',
            logo: require('../../img/logo.png'),
        }
    }
    handleChange = (value) => {
        this.setState({
            value
        })
    }
    componentWillMount() {
        console.log('componentWillMount----');
    }

    componentWillReact() {
        console.log('componentWillReact')
    }

    componentDidMount() { }

    componentWillUnmount() { }

    componentDidShow() { }

    componentDidHide() { }
    render() {
        const { counterStore: { counter } } = this.props
        const { logo } = this.state;
        return (
            <View className='getCash-page'>
                <View className="data">
                    <View className="d1"><Text>到账银行</Text><label>招商银行</label></View>
                    <View className="d2">
                        <Text>提现金额</Text>
                        <AtInput
                            name='value'
                            title=''
                            type='text'
                            placeholder='请输入提现金额'
                            value={this.state.value}
                            onChange={() => this.handleChange(this)}
                        />
                    </View>
                </View>
                <View className="tip1">*每日不得超过三次</View>
                <View className="rules">
                    <View>提现规则：</View>
                    <View>1.默认手续费***元，由银行收取；</View>
                    <View>2.提现时，将由aAnt财务进行审核，审核通过将会在3个工作日到达指定账户；</View>
                    <View>3.如有疑问将可以联系和自己对接的经理；</View>
                </View>
                <View className="getCash">立即提现</View>
            </View>
        )
    }
}

export default GetCash 
